<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>排行榜</title>
    <link rel="stylesheet" href="/static/src/jquery-weui/lib/weui.min.css">
    <link rel="stylesheet" href="/static/src/jquery-weui/css/jquery-weui.min.css">
    <script src="/static/src/jquery-weui/lib/jquery-2.1.4.js"></script>
    <script src="/static/src/jquery-weui/js/jquery-weui.min.js"></script>
</head>
<body>
<div class="weui-tab">
  <div class="weui-navbar">
    <a class="weui-navbar__item weui-bar__item--on" href="#total1">
      总榜
    </a>
      <a class="weui-navbar__item" href="#boy1">
      男生
    </a>
      <a class="weui-navbar__item" href="#girl1">
      女生
    </a>
      <a class="weui-navbar__item" href="#my1">
      个性化
    </a>
  </div>
  <div class="weui-tab__bd">
    <div id="total1" class="weui-tab__bd-item weui-tab__bd-item--active">
        {% for item in items[0] %}
     <div class="weui-flex"  style="flex-wrap:wrap">
         <div class="weui-flex__item">
             <a class="weui-flex__item" href="/sort_detail?href={{item.href}}"><h1>{{item.title}}</h1></a>
         </div>
        </div>
        {% endfor %}
    </div>
    <div id="boy1" class="weui-tab__bd-item">
      {% for item in items[1] %}
     <div class="weui-flex"  style="flex-wrap:wrap">
         <div class="weui-flex__item">
             <a class="weui-flex__item" href="/sort_detail?href={{item.href}}"><h1>{{item.title}}</h1></a>
         </div>
        </div>
        {% endfor %}
    </div>
    <div id="girl1" class="weui-tab__bd-item">
        {% for item in items[2] %}
     <div class="weui-flex"  style="flex-wrap:wrap">
         <div class="weui-flex__item">
             <a class="weui-flex__item" href="/sort_detail?href={{item.href}}"><h1>{{item.title}}</h1></a>
         </div>
        </div>
        {% endfor %}
    </div>
      <div id="my1" class="weui-tab__bd-item">
      {% for item in items[3] %}
     <div class="weui-flex"  style="flex-wrap:wrap">
         <div class="weui-flex__item">
             <a class="weui-flex__item" href="/sort_detail?href={{item.href}}"><h1>{{item.title}}</h1></a>
         </div>
        </div>
        {% endfor %}
    </div>
  </div>
</div>
</body>
</html>